<template>
  <div class="zt-login">
    <div id="login-box">
        <template>
            <Form ref="formInline" :model="formInline" :rules="ruleInline" :label-width="80" class="form">
                <Form-item prop="user">
                    <Input type="text" v-model="formInline.username" placeholder="用户名">
                        <Icon type="ios-person-outline" slot="prepend"></Icon>
                    </Input>
                </Form-item>
                <Form-item prop="password">
                    <Input type="password" v-model="formInline.password" placeholder="密码">
                        <Icon type="ios-locked-outline" slot="prepend"></Icon>
                    </Input>    
                </Form-item>
                <Form-item>
                    <Button type="primary" @click="handleSubmit('formInline')">登录</Button>
                </Form-item>
             </Form>
        </template>
    </div>
  </div>
</template>
<script lang="ts" src="./Login.ts"></script>